<template>
  <div class="bmzibox">
      <div class="zi" v-for="(v,i) in canshu" :key="i">
            <span :class="v.tits"></span>
            <p class="title">{{v.titles}}</p>
      </div>
  </div>
</template>


<script>

export default {
    // 接收父组件传回来的值
    props:{
        canshu:Array
    }
}
</script>

<style scopde>
    .bmzibox{
        display:flex;
        justify-content: space-evenly;
    }
    .zi{
        width: 15%;
        text-align: center;
        margin: 0.1rem 0;
    }
    .clas1,.clas2,.clas3,.clas4,.clas5{
        line-height: 0.3rem;
        font-size: 0.22rem;
        height: 0.3rem;
    }
    .clas1,.clas2{
        color:#ff8556;
    }
    .clas3{
        color:#6bdae5;
    }
    .clas4{
        color: #39cdad;
    }
    .clas5{
        color:#fcd884;
    }
    .title{
        font-size: 0.12rem;
        color: #333;
    }
</style>